/**
 * 全局CSS变量 - 项目主题与样式定义
 */

:root {
  /* 主色调 */
  --primary-color: #1989fa;
  --primary-light: #4ca5ff;
  --primary-dark: #0066cc;
  
  /* 功能色 */
  --success-color: #07c160;
  --warning-color: #ff976a;
  --danger-color: #ee0a24;
  --info-color: #909399;
  
  /* 文本颜色 */
  --text-primary: #2c3e50;
  --text-regular: #323233;
  --text-secondary: #646566;
  --text-placeholder: #969799;
  --text-disabled: #c8c9cc;
  
  /* 边框颜色 */
  --border-color: #ebedf0;
  --border-light: #f2f3f5;
  --border-dark: #dcdee0;
  
  /* 背景颜色 */
  --bg-color: #f7f8fa;
  --bg-light: #ffffff;
  --bg-dark: #f2f3f5;
  
  /* 阴影 */
  --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-regular: 0 2px 8px rgba(0, 0, 0, 0.15);
  --shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.2);
  
  /* 圆角 */
  --radius-small: 2px;
  --radius-medium: 4px;
  --radius-large: 8px;
  --radius-round: 999px;
  
  /* 间距 */
  --spacing-mini: 4px;
  --spacing-small: 8px;
  --spacing-medium: 12px;
  --spacing-regular: 16px;
  --spacing-large: 20px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  
  /* 字体大小 */
  --font-size-mini: 10px;
  --font-size-small: 12px;
  --font-size-medium: 14px;
  --font-size-regular: 16px;
  --font-size-large: 18px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  
  /* 动画 */
  --transition-fast: 0.15s ease-in-out;
  --transition-medium: 0.25s ease-in-out;
  --transition-slow: 0.35s ease-in-out;
} 